<%@ page language="java"  pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
    <title>miGLE Mutation</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="css/miGLE.css"/>
	
	<script>
	function Inner(Value)
	{
		document.all.miranda_go.style.display = "";
    	document.all.miranda_ge.style.display = "";
    	document.all.miranda_en.style.display = "";
    	document.all.miranda_sc.style.display = "";
    	document.all.developing.style.display = "none";
    	document.all.mut.style.display = "";
    	document.all.df_button.style.display = "";
    	document.all.clear.style.display = "";    	    	
		
    	if(Value == "miranda")
    	{
			document.all.miranda_go.style.display = "";
    		document.all.miranda_ge.style.display = "";
    		document.all.miranda_en.style.display = "";
    		document.all.miranda_sc.style.display = "";
			document.all.developing.style.display = "none";
    		document.all.mut.style.display = "";
    		document.all.df_button.style.display = "";
    		document.all.clear.style.display = "";  
    	}
		else if(Value == "targetscan")
    	{
    		document.all.miranda_go.style.display = "none";
    		document.all.miranda_ge.style.display = "none";
    		document.all.miranda_en.style.display = "none";
    		document.all.miranda_sc.style.display = "none";
			document.all.developing.style.display = "";
    		document.all.mut.style.display = "none";
    		document.all.df_button.style.display = "none";
    		document.all.clear.style.display = "none";  
    	}
    	else
    	{
    		document.all.miranda_go.style.display = "none";
    		document.all.miranda_ge.style.display = "none";
    		document.all.miranda_en.style.display = "none";
    		document.all.miranda_sc.style.display = "none";
			document.all.developing.style.display = "";
    		document.all.mut.style.display = "none";
    		document.all.df_button.style.display = "none";
    		document.all.clear.style.display = "none"; 
    	}
	}
	
	function Delta(){
		if(document.all.sc.value == ""){
			document.all.sc.value = "";
		}
		else if(document.all.gle.checked){
			document.all.sc.value = "100" ;
		}
		else if(document.all.delta_g.checked){
			document.all.sc.value = "0" ;
		}
	}
	
	function resetForm(){
		document.all.go.value = "-8" ;
		document.all.ge.value = "-8" ;
		document.all.en.value = "-10" ;
		if(document.all.gle.checked){
			document.all.sc.value = "100" ;
		}
		else
		{
			document.all.sc.value = "0" ;
		}
	}

	function clearForm(){
		document.all.go.value = "" ;
		document.all.ge.value = "" ;
		document.all.en.value = "" ;
		document.all.sc.value = "" ;
	}
</script>

  </head>

<BODY>
<jsp:include page="head.html" />
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0>
  <TBODY>
  <TR>
    <TD width=790 rowSpan=2>
      <DIV align=center>
      <TABLE id=table1 cellSpacing=0 cellPadding=0 width="80%" border=0>
        <TBODY>
        <TR>
          <TD>
		  <form action="servlet/SNPServlet" method=post>
		  <table width="693" height=350 border="0" cellspacing="1" cellpadding="1" height="261">
            <tr>
              <td colspan="2"><div align="left"><strong><font face="Arial"><span class="MsoNormal"><span style="font-size: 10.5pt;"><span lang="en-us"><br>The SNP site is <font color="#ff0000"><%=session.getAttribute("site")%></font>, please choose the reference sequence</span></span><span style="font-size: 10.5pt; font-family: Times New Roman;"><span lang="en-us"><span class="p"><span style="font-size: 10.5pt; font-family: Times New Roman;"><span lang="en-us">:<br><br></span></span></span></span></span></span></font></strong></div></td>
            </tr>
            
            <tr>
              <td width="38">&nbsp;</td>
              <td><div align="left">
                <p><%String reference = session.getAttribute("reference").toString();
               		out.print(reference);%></p>
              </div></td>
            </tr>
            
            <tr><td colspan="3"><div align="left"><font face="Arial"><br></font><div align="left"><strong><font face="Arial"><span class="MsoNormal"><span style="font-size: 10.5pt;"><span lang="en-us">Please choose the algorithm for analysis</span></span><span style="font-size: 10.5pt; font-family: Times New Roman;"><span lang="en-us"><span class="p"><span style="font-size: 10.5pt; font-family: Times New Roman;"><span lang="en-us"></span></span></span></span></span></span></font></strong></div></div></td></tr>
            <tr>
              <td width="38">&nbsp;</td>
              <td width="503"><div align="left">
              <table width = "629">
              <tr><td width = "10"><br></td></tr>
              
              <table width="600">
              
              <tr><td width = "80"><font size="2"><strong>Algorithm </strong></font></td>
              <td width = "110">
              <select name="method" class="text" onChange="Inner(options[selectedIndex].value)">
              <option value="miranda" selected>miRanda</option>
              <option value="targetscan">TargetScan</option>
      		  <option value="rnahybrid">RNAhybrid</option>
			  </select></td><td width="400"></td>
			  </tr></table>
			  
			  <table>
				<tr>
				<td width="30"><font face="Arial">&nbsp;</font></td>
				<td width="300"><div align="left"><font face="Arial">
				<input type="radio" value="0" name="delta" id="gle" checked onclick="Delta()"/>
			    <font size="2">Gain and Loss Events Prediction</font></font></div>
			    </td></tr>
			    <tr>
				<td width="30"><font face="Arial">&nbsp;</font></td>
				<td width="200"><div align="left"><font face="Arial">
				<input type="radio" value="1" name="delta" id="delta_g" onclick="Delta()"/>
			    <font size="2">Delta Delta G</font></font></div>
			    </td></tr>
			  </table>

			  <table>
              <tr><td width = "10"><br></td></tr>

				<tr>
				<td width="160" id="miranda_go"><div align="left">
				gap-open &nbsp;  
                <input name="go" size="3" value="-8"/></div>
			    </td>
				<td width="180" id="miranda_ge"><div align="left">
				gap-extend &nbsp;  
                <input name="ge" size="3" value="-8"/></div>
			    </td>
			    <td width="150" id="miranda_en"><div align="left">&nbsp;&nbsp;&nbsp;&nbsp; energy &nbsp;  
                <input name="en" size="3" value="-10"/></div>
			    </td>
			    <td width="150" id="miranda_sc"><div align="left">&nbsp;&nbsp; score &nbsp;  
                <input name="sc" size="3" value="100"/></div>
			    </td>
			    </tr>

			    <tr>
				<td width="160"><br>
			    </td>
			    </tr>
			    
			    <tr>
				<td width="160" id="developing" style="display:none;"><div align="left">
				Developing</div>
			    </td>
			    </tr>

              </table>
              
              <table align="left">
            <tr>
             <td id="mut">
              <INPUT type=submit value=" Submit ">
              </td>
			  <td width="330"><br></td>
			  <td width="40" id="df_button"><div align="left">
			  	<input type=button value=" Default " onclick="resetForm()" /></div>
			  </td>
			  <td width="40" id="clear"><div align="left">
	          	<INPUT type=button value="  Clear  " onclick="clearForm()"></div>	  
			  </td>

			</tr>
          	</table>

			  <tr>
			  <td><br></td>
            </tr>
			
          </table></div></td></tr></table></form></TD>
        </TR></TBODY></TABLE></DIV></TD></TR>
  <TR>
    <TD width=1 height=18></TD></TR>
<jsp:include page="end.jsp" />
	  </TBODY>
	  </TABLE>
	</BODY>
</html>


